<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>提交成功</title>
    <link rel="stylesheet" href="css/webuploader/webuploader.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/all.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/enterprise-certification.css" />

</head>
<body>
<div>
    <div class="head">
         <span  onclick="go()">
        <i class="iconfont icon-iconfontjiantou1"></i></span>
        <h1 class="titles">企业/机构认证</h1>
    </div>
    <div class="middles">
        <div class="name">
            <span>账户名称</span><span>*</span>
            <input type="text" placeholder="请输入账户名称" class="resetUpwd-inputs" />
        </div>
        <div class="names">
          <p>12字内，尽量与机构名称或认证信息相符，请勿使用特殊符号或含有营销推广信息名称</p>
        </div>
        <div onclick="location.href='./institutions-introduce.html'">
        <div class="name">
            <span>机构介绍</span><span>*</span>
            <i class="iconfont icon-youjiantou jigou"></i>
        </div>
        </div>
        <div class="names">
            <p>该介绍用于多艺号上的个性签名，请认真填写，请勿添加任何联系方式如微博、微信、手机号等</p>
        </div>
        <a onclick="location.href='./head.html'"><div class="photo row">
            <div class="photo-one">
            <span>机构头像</span><span>*</span>
            </div>
            <div class="photos">
               <img src="img/513277.png" alt="">
            </div>
            <div class="photo-one">
            <i class="iconfont icon-youjiantou"></i>
            </div>
        </div></a>
        <div class="name-one">
            <span>账户名称</span>
            <span>一级行业</span>
            <i class="iconfont icon-selected-copy"></i>
            <span>二级行业</span>
            <i class="iconfont icon-yuanhuan"></i>
        </div>
        <div class="name">
            <span>机构名称</span><span>*</span>
            <input type="text" placeholder="请输入机构名称" class="resetUpwd-inputs" />
        </div>
        <div class="names">
            <p>请与组织机构代码或营业执照名称一致，国家机构只需要填写机构全称</p>
        </div>
        <div class="name-two">
            <p>营业执照/组织机构代码证：</p>
                <!--dom结构部分-->
                <div id="uploader-demo" >
                    <!--用来存放item-->
                    <div id="fileList" class="uploader-list"></div>
                    <div id="filePicker"></div>
                </div>

        </div>
        <div class="name-three">
            <p>营业执照/组织机构代码证：</p>
            <span>请下载填写《机构认证申请公函》，填写完后加盖机构红色公章，然后拍照上传。</span>
           <!-- <a onclick="location.href=''">
                <div class="shangchuan">
                    <img src="img/shangchuan.png" alt="">
                </div>
            </a>-->
            <div id="uploader-demo1" >
                <!--用来存放item-->
                <div id="fileList1" class="uploader-list"></div>
                <div id="filePicker1"></div>
            </div>
        </div>
        <div class="name-three">
            <p>其他资质</p>
            <span>如网站ICP备案查询截图、商标注册证、软件著作权证、品牌授权文件等</span>
            <!--<a onclick="location.href=''">
                <div class="shangchuan">
                    <img src="img/shangchuan.png" alt="">
                </div>
            </a>-->
            <div id="uploader-demo2" >
                <!--用来存放item-->
                <div id="fileList2" class="uploader-list"></div>
                <div id="filePicker2"></div>
            </div>
        </div>
        <div class="name">
            <span>运营者真实姓名</span><span>*</span>
            <input type="text" placeholder="请输入运营者真实姓名" class="resetUpwd" />
        </div>
        <div class="names">
            <p>12字内，尽量与机构名称或认证信息相符，请勿使用特殊符号或含有营销推广信息名称</p>
        </div>
        <div class="name">
            <span>运营者身份证号</span><span>*</span>
            <input type="text" placeholder="请输入运营者身份证号" class="resetUpwd" />
        </div>
        <div class="name">
            <span>运营者手机号码</span><span>*</span>
            <input type="text" placeholder="请输入运营者手机号码" class="resetUpwd" />
        </div>
        <div class="name">
            <span>验证码</span>
            <input type="text" placeholder="" class="resetUpwd" />
            <em>获取验证码</em>
        </div>
        <div class="selects">
            <input type="checkbox" class="select"><span>同意并遵守《认证协议》</span>
        </div>
        <div onclick="location.href='./company-submit-successfully.html'">
            <input type="button" class="submit" value="确定"/>
        </div>
    </div>
</div>
<script src="js/x_rem.js"></script>
<script src="js/jquery.min.js"></script>
<!--引入JS-->
<script type="text/javascript" src="./js/webuplader/webuploader.js"></script>
<script src="js/all.js"></script>
<script>
    $(function () {
        function uploader(ele,name){
            // 初始化Web Uploader
            name = WebUploader.create({
                // 选完文件后，是否自动上传。
                auto: true,
                // swf文件路径
                swf: './js/webuplader/Uploader.swf',
                // 文件接收服务端。
                server: 'http://webuploader.duapp.com/server/fileupload.php',
                // 选择文件的按钮。可选。
                // 内部根据当前运行是创建，可能是input元素，也可能是flash.
                pick: ele,

                // 只允许选择图片文件。
                accept: {
                    title: 'Images',
                    extensions: 'gif,jpg,jpeg,bmp,png',
                    mimeTypes: 'image/*'
                }
            });
            // 当有文件添加进来的时候
            name.on( 'fileQueued', function( file ) {
                var $li = $(
                                '<div id="' + file.id + '" class="file-item thumbnail">' +
                                '<img>' +
                                '</div>'
                        ),
                        $img = $li.find('img');
                var $list=ele;
                // $list为容器jQuery实例
                $list.append( $li );

                // 创建缩略图
                // 如果为非图片文件，可以不用调用此方法。
                // thumbnailWidth x thumbnailHeight 为 100 x 100
                name.makeThumb( file, function( error, src ) {
                    if ( error ) {
                        $img.replaceWith('<span>不能预览</span>');
                        return;
                    }

                    $img.attr( 'src', src );
                }, 100,100 );
            });
            // 文件上传过程中创建进度条实时显示。
           name.on( 'uploadProgress', function( file, percentage ) {
                var $li = $( '#'+file.id ),
                        $percent = $li.find('.progress span');

                // 避免重复创建
                if ( !$percent.length ) {
                    $percent = $('<p class="progress"><span></span></p>')
                            .appendTo( $li )
                            .find('span');
                }

                $percent.css( 'width', percentage * 100 + '%' );
            });

// 文件上传成功，给item添加成功class, 用样式标记上传成功。
            name.on( 'uploadSuccess', function( file ) {
                $( '#'+file.id ).addClass('upload-state-done');
            });

// 文件上传失败，显示上传出错。
            name.on( 'uploadError', function( file ) {
                var $li = $( '#'+file.id ),
                        $error = $li.find('div.error');

                // 避免重复创建
                if ( !$error.length ) {
                    $error = $('<div class="error"></div>').appendTo( $li );
                }

                $error.text('上传失败');
            });

// 完成上传完了，成功或者失败，先删除进度条。
            name.on( 'uploadComplete', function( file ) {
                $( '#'+file.id ).find('.progress').remove();
            });
        }
        uploader($("#filePicker"),uploader);
        uploader($("#filePicker1"),uploader);
        uploader($("#filePicker2"),uploader);
       /* // 初始化Web Uploader
        var uploader = WebUploader.create({
            // 选完文件后，是否自动上传。
            auto: true,
            // swf文件路径
            swf: './js/webuplader/Uploader.swf',
            // 文件接收服务端。
            server: 'http://webuploader.duapp.com/server/fileupload.php',
            // 选择文件的按钮。可选。
            // 内部根据当前运行是创建，可能是input元素，也可能是flash.
            pick: '#filePicker',

            // 只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/!*'
            }
        });
        // 当有文件添加进来的时候
        uploader.on( 'fileQueued', function( file ) {
            var $li = $(
                            '<div id="' + file.id + '" class="file-item thumbnail">' +
                            '<img>' +
                            '</div>'
                    ),
                    $img = $li.find('img');
            var $list=$("#uploader-demo");
            // $list为容器jQuery实例
            $list.append( $li );

            // 创建缩略图
            // 如果为非图片文件，可以不用调用此方法。
            // thumbnailWidth x thumbnailHeight 为 100 x 100
            uploader.makeThumb( file, function( error, src ) {
                if ( error ) {
                    $img.replaceWith('<span>不能预览</span>');
                    return;
                }

                $img.attr( 'src', src );
            }, 100,100 );
        });
        // 文件上传过程中创建进度条实时显示。
        uploader.on( 'uploadProgress', function( file, percentage ) {
            var $li = $( '#'+file.id ),
                    $percent = $li.find('.progress span');

            // 避免重复创建
            if ( !$percent.length ) {
                $percent = $('<p class="progress"><span></span></p>')
                        .appendTo( $li )
                        .find('span');
            }

            $percent.css( 'width', percentage * 100 + '%' );
        });

// 文件上传成功，给item添加成功class, 用样式标记上传成功。
        uploader.on( 'uploadSuccess', function( file ) {
            $( '#'+file.id ).addClass('upload-state-done');
        });

// 文件上传失败，显示上传出错。
        uploader.on( 'uploadError', function( file ) {
            var $li = $( '#'+file.id ),
                    $error = $li.find('div.error');

            // 避免重复创建
            if ( !$error.length ) {
                $error = $('<div class="error"></div>').appendTo( $li );
            }

            $error.text('上传失败');
        });

// 完成上传完了，成功或者失败，先删除进度条。
        uploader.on( 'uploadComplete', function( file ) {
            $( '#'+file.id ).find('.progress').remove();
        });*/
    })
</script>
</body>
</html>